<div class="col-sm-12 mt20" ng-keyup="myKeyup($event)">
    <div class="panel panel-default">
    <div class="panel-body">
    <div class="col-sm-12">
        <div class="row ">
            <div class="col-sm-2">
              <input type="text" class="form-control" placeholder="用户姓名 " ng-model="searchform.name">
            </div>
            <div class="col-sm-2">
              <input type="text" class="form-control" placeholder="手机号" ng-model="searchform.mobile">
            </div>
            <div class="col-sm-2">
              <input type="text" class="form-control" placeholder="街道" ng-model="searchform.area_name2">
            </div>
            <div class="col-sm-2">
              <input type="text" class="form-control" placeholder="社区" ng-model="searchform.area_name3">
            </div>
            <div class="col-sm-2">
              <input type="text" class="form-control" placeholder="角色" ng-model="searchform.job_name">
            </div>
            <div class="col-sm-2 pull-right">
                <button class="btn btn-info search btn-block" ng-click="search(1)">立即搜索</button>
            </div> 
        </div>
        <div class="row mt10">
            <div class="col-sm-2 pull-right">
                  <button class="btn btn-info search btn-block" ng-click="gatLawinfo(1)">创建</button>
            </div>
        </div>
    </div>
    </div>
    </div>
  <!-- searchArea -->
    <div class="panel panel-default">
      <div class="panel-body">
          <div class="panel panel-info" ng-repeat="infos in list track by $index">
              <div class="panel-heading">{{infos.area_name1}}</div>
                <table class="table table-striped table-bordered dataTable table-condensed tree_table" style="table-layout:fixed">
                  <thead>
                    <tr>
                      <th class="text-center col-sm-1">姓名</th>
                      <th class="text-center col-sm-2">电话</th>                      
                      <th class="text-center col-sm-2">街道</th>
                      <th class="text-center col-sm-2">社区</th>
                      <th class="text-center col-sm-1">角色</th>
                      <th class="text-center col-sm-2">创建时间</th>
                      <th class="text-center col-sm-2">操作</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr ng-repeat="info in infos.data">
                      <td class="text-center">{{info.name}}</td>
                      <td class="text-center">{{info.mobile}}</td>                      
                      <td class="text-center">{{info.area_name2}}</td>
                      <td class="text-center">{{info.area_name3}}</td>
                      <td class="text-center">{{info.job_name}}</td>
                      <td class="text-center">{{info.create_time}}</td>
                      <td class="text-center">
                        <button type="button" class="btn btn-info btn-xs" ng-click="gatLawinfo(info)">修改</button>
                        <button type="button" class="btn btn-danger btn-xs" ng-click="del(info)">删除</button>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
          </div>
  
          <div class="text-right" style="background-color: white; margin-right: 30px">
            <pagination total-items="totalItems" ng-model="currentPage" ng-change="search(currentPage)" previous-text="上一页"
              next-text="下一页" first-text="首页" last-text="尾页" max-size="5" boundary-links="true" rotate="false"
              items-per-page="itemsPerPage" class="m-t-none m-b"></pagination>
          </div>
      </div>
    </div>
    </div>
  </div>